<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        /* div.grid {
            background: #58a;
            background-image: linear-gradient(rgba(255, 255, 255, .3) 1px, transparent 0),
                linear-gradient(90deg, rgba(255, 255, 255, .3), 1px, transparent 0),
                linear-gradient(white 1px, transparent 0),
                linear-gradient(90deg, white 1px, transparent 0);
            background-size: 15px 15px, 15px 15px, 75px 75px, 75px 75px;
            width: 450px;
            height: 450px;
        } */
        /* div.grid {
            background: #58a;
            background-image:
                linear-gradient(rgba(255, 255, 255, .3) 1px, transparent 0),
                linear-gradient(90deg, rgba(255, 255, 255, .3) 1px, transparent 0),
                linear-gradient(white 1px, transparent 0),
                linear-gradient(90deg, white 1px, transparent 0);
            background-size: 15px 15px, 15px 15px, 75px 75px, 75px 75px;
            width: 450px;
            height: 450px;
        } */

        .container div {
            width: 450px;
            height: 450px;
            float: left;
        }

        .container div:last-child {
            margin-left: 20px;
        }

        .container .grid {
            background: #58a;
            background-image:
                linear-gradient(rgba(255, 255, 255, .3) 1px, transparent 0),
                linear-gradient(90deg, rgba(255, 255, 255, .3) 1px, transparent 0),
                linear-gradient(white 1px, transparent 0),
                linear-gradient(90deg, white 1px, transparent 0);
            background-size: 15px 15px, 15px 15px, 75px 75px, 75px 75px;

        }

        .container .grid2 {
            background: #fff;
            background-image:
                linear-gradient(rgba(0, 0, 0, .3) 1px, transparent 0),
                linear-gradient(90deg, rgba(0, 0, 0, .3) 1px, transparent 0),

                linear-gradient(#333 1px, transparent 0),
                linear-gradient(90deg, #333 1px, transparent 0);
            background-size: 15px 15px, 15px 15px, 75px 75px, 75px 75px;

            border-right: 1px solid #333;
            border-bottom: 1px solid #333;
        }
    </style>

</head>

<body>

    <div class="container">
        <div class="grid"></div>
        <div class="grid2"></div>
    </div>



</body>

</html>